<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>车辆租售管理平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
<!--    <link rel="icon" type="image/png" href="https://q2.qlogo.cn/headimg_dl?dst_uin=748943649&spec=140" />-->
    <link rel="stylesheet" type="text/css" href="./statics/common/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="./statics/common/css/global.css" media="all">
    <link rel="stylesheet" type="text/css" href="./statics/common/css/animate.css" media="all">
    <link rel="stylesheet" type="text/css" href="./statics/css/login.css" media="all">
    <style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        html,
        body {
            width: 100%;
            height: 100%;
        }

        .body-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-end;
            width: 100%;
            height: 100%;
            background-image: url('./statics/images/bg@3x.png');
            background-size: cover;
        }

        .login-container {
            height: 400px;
            width: 470px;
            background-image: url('./statics/images/login@3x.png');
            background-size: cover;
            margin-right: 10%;
        }

        @media screen and (max-width: 1600px) {
            .login-container {
                margin-right: 5%;
            }
        }

        @media screen and (max-width: 1150px) {
            .login-container {
                margin-right: 0;
            }
        }

        .logo-container {
            width: 120px;
            margin: 50px auto 15px;
        }

        .title-container {
            width: 240px;
            margin: auto;
        }

        img {
            width: 100%;
        }

        input:focus {
            outline: none;
        }

        .input-container {
            width: 240px;
            height: 120px;
            margin: 30px auto 15px;
        }

        .username-container,
        .password-container {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            background-color: #F2F5FB;
            border: 1px solid #CBC6D8;
            border-radius: 20px;
            margin-bottom: 20px;
        }

        .input-container img {
            height: 24px;
            width: 24px;
            margin: 0 8px;
        }

        .input-container input {
            height: 30px;
            border: none;
            background-color: #F2F5FB !important;
            padding-left: 8px;
        }

        .login-button {
            width: 240px;
            height: 40px;
            margin: 10px auto 20px;
            margin-top: 60px;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            color: #fff;
            font-family: SourceHanSansCN-Regular;
            font-weight: 400;
            border-radius: 20px;
            background: linear-gradient(0deg, rgba(2, 188, 171, 1), rgba(0, 150, 136, 1));
            cursor: pointer;
        }

        p {
            font-size: 10px;
            font-family: SourceHanSansCN-Regular;
            font-weight: 400;
            color: rgba(136, 136, 136, 1);
            text-align: center;
        }
    </style>
</head>

<body>
    <!-- <div class="layui-fluid">
	<div class="layui-row larryms-layout">
		<div class="layui-col-lg6  layui-col-md6 layui-col-sm10 layui-col-xs11 larry-main animated shake larry-delay2">
             <div class="title">管理后台</div>
             <p class="info">行知企业用车管理平台</p>
             <div class="user-info">
             	  <div class="avatar"><img src="./statics/images/photo/admin.png" alt=""></div>
             	  <form class="layui-form" id="larry_form">
                        <div class="layui-form-item">
			 	             <label class="layui-form-label">用户名:</label>
			 	             <input type="text" name="username" lay-verify="required"  autocomplete="off" class="layui-input larry-input" placeholder="请输入用户名">
			            </div>
			            <div class="layui-form-item" id="password">
			 	             <label class="layui-form-label">密码:</label>
			 	             <input type="password" name="password" required lay-verify="required|password"  autocomplete="off" class="layui-input larry-input" placeholder="请输入密码">
			            </div>
			            <div class="layui-form-item larry-verfiy-code" id="larry_code">
			 	             <input type="text" name="captcha" lay-verfy="required" autocomplete="off"  class="layui-input larry-input" placeholder="输入验证码">
			 	             <div class="code">
			 	   	             <div class="arrow"></div>
			 	   	             <div class="code-img"><img src="../captcha.jpg" id="codeimage"></div>
			 	             </div>
			            </div>
			            <div class="layui-form-item">
			 	            <button class="layui-btn larry-btn" lay-filter="submit" lay-submit>立即登录</button>
			            </div>
             	  </form>
             </div>
             <div class="copy-right">© 2021 行知企业用车管理平台</div>
		</div>
	</div>
</div> -->

    <div class="body-container" id="larry_layout">

        <div class="login-container">
            <form class="layui-form" id="larry_form">
                <div class="logo-container">
                    <img src="./statics/images/logo@3x.png" alt="">
                </div>
                <div class="title-container">
                    <img src="./statics/images/title@3x.png" alt="">
                </div>
                <div class="input-container">
                    <div class="username-container">
                        <img src="./statics/images/user@3x.png" alt="">
                        <input type="text" placeholder="用户名" name="username" lay-verify="required" autocomplete="off"
                           @keyup.enter="loginBtnEvent"
                            placeholder="请输入用户名" />
                    </div>
                    <div class="password-container" id="password">
                        <img src="./statics/images/password@3x.png" alt="">
                        <input type="password" placeholder="密码" name="password" required lay-verify="required|password"
                               @keyup.enter="loginBtnEvent"
                            placeholder="请输入密码" />
                    </div>
                    <div class="username-container" v-if="showForm==1">
                        <img src="./statics/images/user@3x.png" alt="">
                        <input type="text" placeholder="商户号" name="tenantCode" autocomplete="off"
                               @keyup.enter="loginBtnEvent"
                            placeholder="请输入商户号" />
                    </div>
                </div>
                <div class="login-button" lay-filter="submit" lay-submit id="loginBtn">登录</div>
                <p>© 2021 行知后台管理系统</p>
            </form>
        </div>

    </div>
    <!-- 加载js文件-->
    <script type="text/javascript" src="./statics/common/layui/layui.js"></script>
    <script type="text/javascript" src="./statics/plugins/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="./statics/js/common.js"></script> -->
    <script type="text/javascript" src="./statics/common/lib/vue.min.js"></script>
    <script type="text/javascript" src="./statics/js/common.js"></script>

    <script type="text/javascript">
        if (window != top) {
            sessionStorage.clear();
            top.location.href = location.href;
        }
        layui.cache.page = 'login';
        layui.config({
            base: './statics/common/'
        }).extend({
            larry: 'js/base'
        }).use('larry');

        var vm = new Vue({
            el: '#larry_layout',
            data: {
                showForm: 1
            },
            mounted: function () {
                $.ajax({
                    type: "get",
                    url: baseURL + "/getConfigParam",
                    success: function (r) {
                        if (r.code == 0) {
                            vm.showForm = r.data;
                        } else {
                            alert(r.msg);
                        }
                    }
                });
            },
            methods: {
                loginBtnEvent: function () {
                    $("#loginBtn").click();
                }
            }

        });


    </script>
</body>

</html>